﻿<%@ Page Language="C#" MasterPageFile="~/Game/Game.Master" AutoEventWireup="true"
    CodeBehind="Trade.aspx.cs" Inherits="smallDeimos.Game.Trade" Title="Small Deimos - Trade" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<%--    <script type="text/javascript" src="../jquery-1.2.6.min.js"></script>
--%>
    <style type="text/css">
        #container
        {
            width: 456px;
            margin: auto;
        }
        ul
        {
            width: 100%;
            border-bottom: 5px solid #376b8a;
            margin-top: 10px;
            overflow: hidden;
        }
        ul li
        {
            background: url(     '../butt2.jpg' ) no-repeat;
            width: 76px;
            height: 22px;
            float: left;
            display: block;
            padding-top: 5px;
            text-align: center;
        }
        ul li a
        {
            text-decoration: none;
            color: #000;
        }
        ul li.active
        {
            background: url(     '../butt1.jpg' ) no-repeat;
            color: #fff;
        }
        ul li.active a
        {
            color: #fff;
        }
        #bar1, #bar2, #bar3
        {
            color: #fff;
            padding: 10px;
            display: none;
        }
        #bar1
        {
            display: block;
        }
    </style>

    <script type="text/javascript">
        $().ready(function()
		{
			$("ul#bookmarks li a").click(function()
			{
				$("ul#bookmarks .active").removeClass("active");
				$(this).parent().addClass("active");

				var element_index = $("#bookmarks a").index(this);

				$("#content div:visible").hide();
				$("#content div").eq(element_index).show();

				return false;
			});
		});
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="container">
        <ul id="bookmarks">
            <li class="active"><a href="#bar1">Bank</a></li><li><a href="#bar2">Artifacts</a></li><li><a
                href="#bar3">Supply units</a></li></ul>
        <div id="content">
            <div id="bar1">
                <h2>
                    Welcome in intergallactic bank</h2>
                <br />
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                <%--    <table id="tabsTable" class="tabTable" cellspacing="0">
        <tr id="tabTops" style="height: 5px;">
            <td id="tabtop1" class="tabTopFiller" colspan="2" />
            <td />
            <td id="tabtop2" class="tabTopFiller" />
            <td />
            <td id="tabtop3" class="tabTopFiller" />
            <td />
        </tr>
        <tr id="tabButtons">
            <td id="leftFiller" class="tabLeftFiller" style="width: 3px;" />
            <td id="1" class="tabButton" style="width: 120px;" onclick='showTab(this.id)'>
                Special buldings and money transfers
            </td>
            <td class="tabRightFiller" />
            <td id="2" class="tabButton" style="width: 87px;" onclick='showTab(this.id)'>
                Artifacts
            </td>
            <td class="tabRightFiller" />
            <td id="3" class="tabButton" style="width: 38px;" onclick='showTab(this.id)'>
                SU
            </td>
            <td class="tabRightFiller" />
        </tr>
        <tr>
            <td id="tabBody" class="tabBody">
                <input id="hidCurrentTab" type="hidden" runat="server" value="1" />
            </td>
        </tr>
    </table>--%>
                <br />
                <%-- <div id="tab1" class="tabDiv" style="height: 150px; width: 470px;">--%>
                <table border="1">
                    <tr>
                        <th colspan="3" >
                            Special buldings
                        </th>
                        <th >
                            Transfer money
                        </th>
                    </tr>
                    <tr>
                        <td title="Reduces bio needed to scan other player by 1">
                            Spy Academy($7500)
                        </td>
                        <td>
                            <asp:Label ID="SpyLbl" runat="server" Text="Status"></asp:Label>
                        </td>
                        <td>
                            <asp:Button ID="BuySpy" runat="server" Text="Buy" OnClick="BuySpy_Click" />
                        </td>
                        <td colspan="3">
                            <asp:Button ID="Button1" runat="server" Text="Send money to capital" Height="30px"
                                OnClick="Button1_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td title="Allows to send 2 more fleets">
                            Orbital command center($5000)
                        </td>
                        <td>
                            <asp:Label ID="CenterLbl" runat="server" Text="Status"></asp:Label>
                        </td>
                        <td>
                            <asp:Button ID="BuyCenter" runat="server" Text="Buy" OnClick="BuyCenter_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td title="Gives 1% bonus to science per each planet you own">
                            Interstellar science network($15000)
                        </td>
                        <td>
                            <asp:Label ID="SciLblb" runat="server" Text="Status"></asp:Label>
                        </td>
                        <td>
                            <asp:Button ID="BuySci" runat="server" Text="Buy" OnClick="BuySci_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td title="Allows you to join/create alliance">
                            Alliance command center($1000)
                        </td>
                        <td>
                            <asp:Label ID="AllLbl" runat="server" Text="Status"></asp:Label>
                        </td>
                        <td>
                            <asp:Button ID="BuyAllianceCC" runat="server" Text="Buy" OnClick="BuyAllianceCC_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td title="Reduces buildings cost by 10%. Lowers fee on send money to capital by 4,8%">
                            Interstellar market($7500)
                        </td>
                        <td>
                            <asp:Label ID="MarketLBL" runat="server" Text="Status"></asp:Label>
                        </td>
                        <td>
                            <asp:Button ID="Button2" runat="server" Text="Buy" OnClick="Button2_Click" />
                        </td>
                    </tr>
                </table>
            </div>
            <br />
            <%-- <div id="tab2" class="tabDiv" style="height: 150px; width: 470px;">--%>
            <div id="bar2">
                <h1>
                    Artifacts shop
                </h1>
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                <table>
                    <tr>
                        <th class="style6">
                            You may buy
                        </th>
                        <th class="style7">
                            You have
                        </th>
                    </tr>
                    <tr>
                        <td>
                            <asp:RadioButtonList ID="BuyList" runat="server" AutoPostBack="True">
                            </asp:RadioButtonList>
                        </td>
                        <td>
                            <asp:RadioButtonList ID="SellList" runat="server" AutoPostBack="True">
                            </asp:RadioButtonList>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Button ID="BtnBuy" runat="server" Text="Buy selected" OnClick="BtnBuy_Click" />
                        </td>
                        <td>
                            <asp:Button ID="BtnSell" runat="server" Text="Sell selected" OnClick="BtnSell_Click" />
                            <asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="Use selected" />
                        </td>
                    </tr>
                </table>
            </div>
            <br />
            <%--<div id="tab3" class="tabDiv" style="height: 150px; width: 470px;">--%>
            <div id="bar3">
                <table>
                    <tr>
                        <th>
                            <asp:Label ID="Label3" runat="server" Text="Supply Units"></asp:Label>
                        </th>
                        <th>
                            <asp:Label ID="SuOwned" runat="server" Text="Label"></asp:Label>
                        </th>
                        <th>
                            <asp:TextBox ID="SuBuy" runat="server">0</asp:TextBox>
                            <asp:Button ID="Button4" runat="server" Text="Buy SU" OnClick="Button4_Click" /><asp:Button
                                ID="Button5" runat="server" Text="Sell SU" OnClick="Button5_Click" />
                        </th>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</asp:Content>
<%--<asp:Content ID="Content3" runat="server" ContentPlaceHolderID="head">

    <script language="javascript" src="../TabStrip.js" type='text/javascript'></script>

    <link rel='stylesheet' href='../TabStrip.css' type='text/css' />
    <style type="text/css">
        .style5
        {
            height: 17px;
        }
        .style6
        {
            width: 300px;
        }
        .style7
        {
            width: 278px;
        }
    </style>
</asp:Content>--%>